<main class="main">
  <sidebar class="sidebar"></sidebar>

  <section class="main-container">
    <div class="content">
      <div class="content-header">
        <h1 *ngIf="name || src">{{name}}
          <a [href]="src" target="_blank" rel="noopener">
            <img src="assets/images/link-doc.png" alt="component on github"/>
          </a>
        </h1>
      </div>

      <div id="content" class="content-box">
        <div id="example" class="section">
          <div class="item">
            <ng-content></ng-content>
          </div>
        </div>
      </div>
    </div>
    <app-footer></app-footer>
  </section>

  <add-nav *ngIf="componentContent" class="add-nav" [componentContent]="componentContent"></add-nav>

</main>
